<h1 id="Quick-start"><a href="#Quick-start" class="headerlink" title="Quick start"></a>Quick start</h1><h2 id="HTML-structure"><a href="#HTML-structure" class="headerlink" title="HTML structure"></a>HTML structure</h2><p>Please include the following HTML code in the appropriate location on the article page that requires the comment box:</p>
<pre><code class="html"><span class="tag">&lt;<span class="name">head</span>&gt;</span>
    ...
    <span class="tag">&lt;<span class="name">script</span> <span class="attr">src</span>=<span class="string">"//cdn1.lncld.net/static/js/3.0.4/av-min.js"</span>&gt;</span><span class="undefined"></span><span class="tag">&lt;/<span class="name">script</span>&gt;</span>
    <span class="tag">&lt;<span class="name">script</span> <span class="attr">src</span>=<span class="string">'//unpkg.com/valine/dist/Valine.min.js'</span>&gt;</span><span class="undefined"></span><span class="tag">&lt;/<span class="name">script</span>&gt;</span>
    ...
<span class="tag">&lt;/<span class="name">head</span>&gt;</span>
<span class="tag">&lt;<span class="name">body</span>&gt;</span>
    ...
    <span class="tag">&lt;<span class="name">div</span> <span class="attr">id</span>=<span class="string">"comment"</span>&gt;</span><span class="tag">&lt;/<span class="name">div</span>&gt;</span>
<span class="tag">&lt;/<span class="name">body</span>&gt;</span>
</code></pre>
<h2 id="Get-appID-appKey-from-leancloud"><a href="#Get-appID-appKey-from-leancloud" class="headerlink" title="Get appID/appKey from leancloud"></a>Get appID/appKey from leancloud</h2><p><a href="https://leancloud.cn/dashboard/login.html#/signup">Click here</a> to register or login in <code>leancloud</code>.<br><a href="https://leancloud.cn/dashboard/applist.html#/newapp">Click here</a> Create new application in <code>Leancloud</code>, and you will get <code>appId</code>/<code>appKey</code>.</p>
<h2 id="Options"><a href="#Options" class="headerlink" title="Options"></a>Options</h2><pre><code class="js"><span class="keyword">new</span> Valine({
    el: <span class="string">'#comment'</span> ,
    notify:<span class="literal">false</span>, 
    verify:<span class="literal">false</span>, 
    appKd: <span class="string">'your leancloud appid'</span>,
    appKey: <span class="string">'your leancloud appkey'</span>,
    placeholder: <span class="string">'Just go go'</span>,
    path:<span class="built_in">window</span>.location.pathname,
    avatar:<span class="string">'mm'</span> 
});
</code></pre>
<p>See the <a href="en/configuration.md">Configuration</a> for more details.</p>
<h2 id="Install-from-npm"><a href="#Install-from-npm" class="headerlink" title="Install from npm"></a>Install from npm</h2><pre><code class="bash">npm install valine --save
</code></pre>
